<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="jakarta.tags.core" %>
<!DOCTYPE html>
<html>
<head>
    <title>搜索结果 - HiLover</title>
    <link rel="stylesheet" href="/static/css/style.css">
</head>
<body>
    <jsp:include page="../common/header.jsp"/>
    
    <main class="main">
        <div class="search-header">
            <h2>搜索结果：${keyword}</h2>
            <p>共找到 ${couples.size()} 对情侣</p>
        </div>
        
        <section class="couple-list">
            <div class="couple-grid">
                <c:forEach items="${couples}" var="couple">
                    <div class="couple-card">
                        <a href="/couples/${couple.id}">
                            <div class="couple-avatars">
                                <img src="${couple.lover1Avatar}" alt="${couple.lover1Name}">
                                <img src="${couple.lover2Avatar}" alt="${couple.lover2Name}">
                            </div>
                            <div class="couple-info">
                                <h3>${couple.lover1Name} & ${couple.lover2Name}</h3>
                                <p>在一起 ${couple.daysTogether} 天</p>
                                <p>❤️ ${couple.likes}</p>
                            </div>
                        </a>
                    </div>
                </c:forEach>
                
                <c:if test="${empty couples}">
                    <div class="no-result">
                        <p>没有找到相关结果</p>
                        <a href="/couples" class="btn">查看所有情侣</a>
                    </div>
                </c:if>
            </div>
        </section>
    </main>
    
    <jsp:include page="../common/footer.jsp"/>
</body>
</html> 